<ion-header no-border>
    <ion-navbar>
        <section class="iheader">
            <ion-icon name="list" (click)="openMenu()"></ion-icon>
            <img (click)="openMenu()" class="userimg" [src]="_user.userimg" />
            <h6>{{_user.name}}</h6>
            <nav>
                <ion-icon name="notifications"></ion-icon>
                <ion-icon name="chatbubbles"></ion-icon>
                <ion-icon name="search"></ion-icon>
            </nav>
        </section>
    </ion-navbar>
</ion-header>

<ion-content>
    <section class="top_wrap">
        <div class="mi">
            <svg t="1503803062721" class="icon" style="fill:#FF5722" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2741" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M1024 1023.854983C949.124343 1024.148531 629.789137 1023.479571 545.798307 1023.479571 208.686521 1023.479571 0 792.567645 0 510.569104 0 228.567054 229.0793 0 511.661428 0 794.25057 0 1023.329871 228.567054 1023.329871 510.569104 1023.329871 606.833962 987.655084 719.181945 934.079744 804.483798 855.210203 943.365669 1019.393294 919.325184 1024 1023.854983L1024 1023.854983 1024 1023.854983ZM292.381466 438.423087C252.033308 438.423087 219.288146 471.170588 219.288146 511.516407 219.288146 551.937075 252.033308 584.610895 292.381466 584.610895 332.728455 584.610895 365.474786 551.937075 365.474786 511.516407 365.474786 471.170588 332.728454 438.423087 292.381466 438.423087L292.381466 438.423087 292.381466 438.423087ZM511.662597 438.423087C471.315605 438.423087 438.569275 471.170588 438.569275 511.516407 438.569275 551.937075 471.316778 584.610895 511.662597 584.610895 552.016603 584.610895 584.762931 551.937075 584.762931 511.516407 584.762931 471.170588 552.01543 438.423087 511.662597 438.423087L511.662597 438.423087 511.662597 438.423087ZM730.949571 438.423087C690.601416 438.423087 657.856251 471.170588 657.856251 511.516407 657.856251 551.937075 690.602584 584.610895 730.949571 584.610895 771.297731 584.610895 804.042892 551.937075 804.042892 511.516407 804.042892 471.170588 771.297731 438.423087 730.949571 438.423087L730.949571 438.423087 730.949571 438.423087Z" p-id="2742"></path></svg>
            <p>回复我的</p>
        </div>
        <div class="mi">
            <svg t="1503803106141" class="icon" style="fill:#FFC107" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3769" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M201.219053 396.480651c-23.451884 1.251435-57.828791 1.777037-110.201328 1.777037-35.728457 0-56.139355 24.277831-56.139354 56.890215S34.778256 939.27788 34.778256 972.666154s10.912509 50.945901 50.532928 50.945901L201.219053 1023.699656zM876.918633 369.81258c-15.179901 0-235.269699 0.0876-293.836836 0-10.787366 0-6.645118-7.333407 13.152577-56.890215 16.994481-42.548775 26.8683-71.995031 28.069678-113.767917C626.944578 108.488014 580.403727-1.951087 512.037857 0.02618c-118.09788 3.554074-104.4197 78.464947-124.642883 166.240568-17.782885 77.163455-45.41456 161.022086-99.889507 203.545832-15.017215 6.006886-22.075306 10.887481-28.707909 14.791957V1023.699656l529.569565 0.300344c4.580251 0 33.363246-2.502869 51.609162-13.502979 31.661295-19.272092 36.954863-43.387236 36.954863-43.387236l112.266195-483.50426c-0.250287-39.632933-28.01962-113.792945-112.27871-113.792945z" p-id="3770"></path></svg>
            <p>收到的赞</p>
        </div>
        <div class="mi">
            <svg t="1503803083542" class="icon" style="fill:#2196f3" viewBox="0 0 1102 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3094" xmlns:xlink="http://www.w3.org/1999/xlink" width="68.875" height="64"><defs><style type="text/css"></style></defs><path d="M1100.957538 305.348923C1084.849231 128.393846 959.409231 0 802.500923 0c-104.566154 0-200.310154 56.162462-254.148923 146.235077C494.946462 55.059692 403.140923 0 300.228923 0 143.36 0 17.959385 128.393846 1.890462 305.309538c-1.299692 7.837538-6.498462 48.955077 9.373538 116.027077 22.843077 96.768 75.657846 184.792615 152.654769 254.464L548.076308 1024l390.813538-348.16c76.996923-69.710769 129.811692-157.696 152.654769-254.503385 15.872-67.032615 10.633846-108.189538 9.412923-115.987692z" p-id="3095"></path></svg>
            <p>感谢</p>
        </div>
        <div class="mi">
            <svg t="1503803133959" class="icon" style="fill:#4caf50" viewBox="0 0 1137 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4452" xmlns:xlink="http://www.w3.org/1999/xlink" width="71.0625" height="64"><defs><style type="text/css"></style></defs><path d="M585.038021 6.481426L295.359001 205.280754H147.6795C68.159769 205.280754 0 273.440523 0 358.640235v306.718962c0 85.199712 62.479789 153.359481 147.6795 153.359481h147.679501l295.359001 198.799328c39.759865 17.039942 73.83975 0 73.83975-45.439846V51.921272C658.877771 6.481426 624.797886-10.558516 585.038021 6.481426z m249.919154 249.919155c-11.359962-17.039942-39.759865-17.039942-51.119827 0-17.039942 17.039942-17.039942 39.759865 0 56.799808 5.679981 5.679981 17.039942 22.719923 28.399904 51.119827 17.039942 39.759865 28.399904 90.879693 28.399904 147.6795s-11.359962 107.919635-34.079884 153.359481c-11.359962 28.399904-22.719923 45.439846-28.399904 51.119827-11.359962 17.039942-11.359962 39.759865 0 56.799808 17.039942 17.039942 39.759865 11.359962 51.119827 0 11.359962-11.359962 28.399904-34.079885 45.439846-68.159769 22.719923-51.119827 39.759865-119.279596 39.759865-187.439366s-17.039942-136.319539-39.759865-187.439366c-17.039942-39.759865-28.399904-62.479789-39.759866-73.83975z m221.519251-51.119827c-28.399904-51.119827-56.799808-90.879693-79.519731-107.919635-17.039942-11.359962-39.759865-11.359962-51.119827 5.67998-11.359962 17.039942-11.359962 39.759865 5.679981 56.799808 5.679981 5.679981 11.359962 11.359962 17.039942 22.719923 17.039942 17.039942 34.079885 39.759865 45.439846 68.15977 39.759865 73.83975 68.159769 164.719443 68.15977 266.959097s-28.399904 187.439366-68.15977 266.959097c-17.039942 28.399904-28.399904 51.119827-45.439846 68.159769-11.359962 11.359962-17.039942 17.039942-17.039942 22.719923-17.039942 11.359962-17.039942 39.759865-5.679981 56.799808 11.359962 17.039942 34.079885 17.039942 51.119827 5.679981 22.719923-17.039942 51.119827-56.799808 79.519731-107.919635C1107.596253 727.838986 1135.996157 625.599332 1135.996157 511.999716c0-113.599616-28.399904-215.83927-79.519731-306.718962z" p-id="4453"></path></svg>
            <p>通知</p>
        </div>
    </section>
    <section class="mes">
        <svg t="1503803553781" class="icon" style="fill:#607D8B" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5131" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M795.08 61.626H227.095c-61.437 0-111.243 49.805-111.243 111.242v85.808h113.561v90.15h-113.56v116.167h113.56v90.15h-113.56v116.172h113.56v90.15h-113.56v85.809c0 61.436 49.804 111.243 111.242 111.243H795.08c61.44 0 111.242-49.806 111.242-111.243V172.867c0-61.436-49.803-111.241-111.242-111.241z m-33.956 680.496c-1.412 0.217-2.797 0.38-4.155 0.38-10.484 0-19.826-7.44-21.836-18.141-16.892-89.733-95.544-154.805-187.015-154.805-91.145 0-169.742 64.8-186.88 154.153-2.334 12.058-13.96 19.989-26.044 17.653-12.086-2.281-19.99-13.96-17.681-26.019 17.684-92.167 88.612-162.514 177.01-183.362-48.129-20.84-81.927-68.718-81.927-124.4 0-74.741 60.808-135.577 135.576-135.577S683.75 332.84 683.75 407.581c0 55.69-33.806 103.573-81.944 124.41 88.66 20.913 159.615 91.56 177.054 184.113 2.281 12.058-5.676 23.736-17.735 26.018zM639.263 407.58c0-50.19-40.874-91.037-91.09-91.037-50.217 0-91.091 40.847-91.091 91.037s40.874 91.036 91.09 91.036c50.217 0 91.091-40.846 91.091-91.036z" fill="" p-id="5132"></path></svg>
        <p>聊天信息</p>
    </section>
    <section class="mes">
        <svg t="1503803553781" class="icon" style="fill:#607D8B" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5131" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M795.08 61.626H227.095c-61.437 0-111.243 49.805-111.243 111.242v85.808h113.561v90.15h-113.56v116.167h113.56v90.15h-113.56v116.172h113.56v90.15h-113.56v85.809c0 61.436 49.804 111.243 111.242 111.243H795.08c61.44 0 111.242-49.806 111.242-111.243V172.867c0-61.436-49.803-111.241-111.242-111.241z m-33.956 680.496c-1.412 0.217-2.797 0.38-4.155 0.38-10.484 0-19.826-7.44-21.836-18.141-16.892-89.733-95.544-154.805-187.015-154.805-91.145 0-169.742 64.8-186.88 154.153-2.334 12.058-13.96 19.989-26.044 17.653-12.086-2.281-19.99-13.96-17.681-26.019 17.684-92.167 88.612-162.514 177.01-183.362-48.129-20.84-81.927-68.718-81.927-124.4 0-74.741 60.808-135.577 135.576-135.577S683.75 332.84 683.75 407.581c0 55.69-33.806 103.573-81.944 124.41 88.66 20.913 159.615 91.56 177.054 184.113 2.281 12.058-5.676 23.736-17.735 26.018zM639.263 407.58c0-50.19-40.874-91.037-91.09-91.037-50.217 0-91.091 40.847-91.091 91.037s40.874 91.036 91.09 91.036c50.217 0 91.091-40.846 91.091-91.036z" fill="" p-id="5132"></path></svg>
        <p>聊天信息</p>
    </section>
    <section class="mes">
        <svg t="1503803553781" class="icon" style="fill:#607D8B" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5131" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M795.08 61.626H227.095c-61.437 0-111.243 49.805-111.243 111.242v85.808h113.561v90.15h-113.56v116.167h113.56v90.15h-113.56v116.172h113.56v90.15h-113.56v85.809c0 61.436 49.804 111.243 111.242 111.243H795.08c61.44 0 111.242-49.806 111.242-111.243V172.867c0-61.436-49.803-111.241-111.242-111.241z m-33.956 680.496c-1.412 0.217-2.797 0.38-4.155 0.38-10.484 0-19.826-7.44-21.836-18.141-16.892-89.733-95.544-154.805-187.015-154.805-91.145 0-169.742 64.8-186.88 154.153-2.334 12.058-13.96 19.989-26.044 17.653-12.086-2.281-19.99-13.96-17.681-26.019 17.684-92.167 88.612-162.514 177.01-183.362-48.129-20.84-81.927-68.718-81.927-124.4 0-74.741 60.808-135.577 135.576-135.577S683.75 332.84 683.75 407.581c0 55.69-33.806 103.573-81.944 124.41 88.66 20.913 159.615 91.56 177.054 184.113 2.281 12.058-5.676 23.736-17.735 26.018zM639.263 407.58c0-50.19-40.874-91.037-91.09-91.037-50.217 0-91.091 40.847-91.091 91.037s40.874 91.036 91.09 91.036c50.217 0 91.091-40.846 91.091-91.036z" fill="" p-id="5132"></path></svg>
        <p>聊天信息</p>
    </section>
    <section class="mes">
        <svg t="1503803553781" class="icon" style="fill:#607D8B" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5131" xmlns:xlink="http://www.w3.org/1999/xlink" width="64" height="64"><defs><style type="text/css"></style></defs><path d="M795.08 61.626H227.095c-61.437 0-111.243 49.805-111.243 111.242v85.808h113.561v90.15h-113.56v116.167h113.56v90.15h-113.56v116.172h113.56v90.15h-113.56v85.809c0 61.436 49.804 111.243 111.242 111.243H795.08c61.44 0 111.242-49.806 111.242-111.243V172.867c0-61.436-49.803-111.241-111.242-111.241z m-33.956 680.496c-1.412 0.217-2.797 0.38-4.155 0.38-10.484 0-19.826-7.44-21.836-18.141-16.892-89.733-95.544-154.805-187.015-154.805-91.145 0-169.742 64.8-186.88 154.153-2.334 12.058-13.96 19.989-26.044 17.653-12.086-2.281-19.99-13.96-17.681-26.019 17.684-92.167 88.612-162.514 177.01-183.362-48.129-20.84-81.927-68.718-81.927-124.4 0-74.741 60.808-135.577 135.576-135.577S683.75 332.84 683.75 407.581c0 55.69-33.806 103.573-81.944 124.41 88.66 20.913 159.615 91.56 177.054 184.113 2.281 12.058-5.676 23.736-17.735 26.018zM639.263 407.58c0-50.19-40.874-91.037-91.09-91.037-50.217 0-91.091 40.847-91.091 91.037s40.874 91.036 91.09 91.036c50.217 0 91.091-40.846 91.091-91.036z" fill="" p-id="5132"></path></svg>
        <p>聊天信息</p>
    </section>
</ion-content>